define(['jquery', 'layer_pc'], function ($, layer) {
    function createProductsHtml(data) {
        console.log("start")
        var cHtml = orderListHtml(data.result);
        console.log(cHtml)
        layer.open({
            type: 1, //page层
            area: ['730px', '450px'],
            title: false,
            shade: 0.6, //遮罩透明度
            shadeClose: true,
            moveType: 1, //拖拽风格，0是默认，1是传统拖动
            content: cHtml
        });
    }

    function orderListHtml(data) {
        return '<div style="padding:15px 15px;"><div class="row mt5">' +
                '<div class="col-lg-6">' +
                    '<div class="row">' +
                        '<div class="col-lg-4 text-right"><strong>收件人:</strong></div>' +
                        '<div class="col-lg-8 text-left">' + data.TextName + '</div>' +
                    '</div>' +
                '</div>' +
                '<div class="col-lg-6">' +
                    '<div class="row">' +
                        '<div class="col-lg-4 text-right"><strong>电话:</strong></div>' +
                        '<div class="col-lg-8 text-left">' + data.TextTel + '</div>' +
                    '</div>' +
                '</div>' +
            '</div>' +
            '<div class="row mt5">' +
            '<div class="col-lg-6">' +
            '<div class="row">' +
            '<div class="col-lg-4 text-right"><strong>地址:</strong></div>' +
            '<div class="col-lg-8 text-left">' + data.TextAddress + '</div>' +
            '</div>' +
            '</div>' +
            '<div class="col-lg-6">' +
            '<div class="row">' +
            '<div class="col-lg-4 text-right"><strong>收货类型:</strong></div>' +
            '<div class="col-lg-8 text-left">' + data.ReceivingType + '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '<div class="row  mt5">' +
            '<div class="col-lg-6">' +
            '<div class="row">' +
            '<div class="col-lg-4 text-right"><strong>订单总价:</strong></div>' +
            '<div class="col-lg-8 text-left">' + data.TextTotal + '</div>' +
            '</div>' +
            '</div>' +
            '<div class="col-lg-6">' +
            '<div class="row">' +
            '<div class="col-lg-4 text-right"><strong>订单编号:</strong></div>' +
            '<div class="col-lg-8 text-left">' + data.OrderNo + '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '<div class="row  mt5">' +
            '<div class="col-lg-6">' +
            '<div class="row">' +
            '<div class="col-lg-4 text-right"><strong>订单状态:</strong></div>' +
            '<div class="col-lg-8 text-left">' + data.Status + '</div>' +
            '</div>' +
            '</div>' +
            '<div class="col-lg-6">' +
            '<div class="row">' +
            '<div class="col-lg-4 text-right"></div>' +
            '<div class="col-lg-8 text-left"></div>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '<table style="margin-top:15px;" class="table table-striped table-hover">' +
            '<thead><tr>' +
            '<th>名称</th>' +
            '<th>图片</th>' +
            '<th>价格</th>' +
            '<th>数量</th>' +
            '</tr></thead>' +
            '<tbody>' +
            (function () {
                var d = data.ListOrderDetailGroup[0].ListDetail;
                var xHtml = '';
                if (!!d.length && d.length > 0) {

                    $.each(d, function (i, item) {
                        xHtml += '<tr><td><img src="' + item.PicPath + '" width="50" style="border:1px solid #ccc;"/></td>' +
                            '<td>' + item.GoodsName + '</td>' +
                            '<td>' + item.Price + '</td>' +
                            '<td>' + item.Number + '</td></tr>';
                    });
                } else {
                    xHtml += '<tr><td>d[0].GoodsName</td>' +
                        '<td>d[0].PicPath</td>' +
                        '<td>d[0].Price</td>' +
                        '<td>d[0].Number</td></tr>';
                }
                return xHtml;
            })() +
            '</tbody>' +
            '</table></div>'
    }

    function init(data) {
        $.ajax({
            type: "get",
            cache: false,
            async: true,
            contentType: "application/json",
            url: "/Goods/OrdersDetails",
            data: data,
            dataType: "json",
            success: function (data) {
                console.log(data);
                if (!data.success) {
                    createProductsHtml({ msg: data.message });
                    return;
                }
                createProductsHtml(data);
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert("goodsList error：" + "status=" + XMLHttpRequest.status + " && text=" + textStatus);
                layer.closeAll();
            }
        });
    }
    return {
        init: init
    }
});